<html>
	<head>
		<title>Dojo Tag Cloud Widget - Example 7</title>
		<style type="text/css">
			.TagCloud {
				font-family:Arial, sans-serif;
				font-size:0.8em;
				width:350px;
				padding: 2px; 
				border:1px solid #666666;
				background-color:#EEEEEE;
			}
			.TagCloud ul { 
				padding: 0pt;
				margin: 0pt;
				text-align:center;
			}
			.TagCloud li { 
				display:inline;
				white-space:nowrap;
				line-height:1.7em;
			}
			.TagCloud a:link, .TagCloud a:visited { 
				color:#FF0000;
				text-decoration:none;
			}
			.TagCloud a:hover { 
				color:#666666;
				text-decoration:underline;
			}
		</style>
		<script type="text/javascript" src="/dojo111/dojo/dojo.js" djConfig="isDebug: false, parseOnLoad: true, usePlainJson: true"></script>
		<script>
			dojo.require("dojo.data.ItemFileReadStore");
			dojo.require("mydojo.TagCloud");
			dojo.require("dojo.parser");	// scan page for widgets and instantiate them
			
			function tagItemClicked(sTag){
				location.href = '/index.php/tag/' + sTag;
			}
		</script>
	</head>
	<body>
		<div dojoType="dojo.data.ItemFileReadStore" jsId="cloudStore" url="tagcloud.json" /></div>
		<div dojoType="mydojo.TagCloud" store="cloudStore"></div>
	</body>
</html>
